<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>北京科技大学宿舍管理系统</title>
<!--css-->
<link rel="stylesheet" type="text/css" href="pages/extjs/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" >
<!-- LIBS -->
<script type="text/javascript" src="pages/extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="pages/extjs/ext-all.js"></script>
<script type="text/javascript" src="pages/extjs/ext-lang-zh_CN.js"></script>
</head>
<body topmargin="0" leftmargin="0">

	<div id="loading-mask" style=""></div>
    <div id='loading' class="loading">
    	<img src="extanim32.gif" width="32" height="32" style="margin-right:8px;" align="absmiddle"/>Loading...
    </div>
    
    <div id="north" style="border:0px">
    	<!--隐藏掉了banner，如果现实的话，同时需要更改js对应的north区域大小 
    	<div style="background:#B1E6FE url(/images/home_banner.gif) no-repeat;height: 60px;border-bottom:1px solid #99BBE8;" ></div>
		-->
		<div style="width:100%;background:#FFFFFF;height: 3px;overflow: hidden;">&nbsp;</div>
		<div id="topmenubar" style="height: 25px;line-height: 25px;border: 1px solid #99BBE8;margin:0 1px;padding:0 1px"></div>
	</div>
	
	<div id="south">
		<div style="width:100%;background:#FFFFFF;height: 3px;overflow: hidden;">&nbsp;</div>
    	<div style="FONT-SIZE: 10pt;text-align:center;padding-top:4px;background: url(home_ft_bg.gif) repeat-x;height: 25px;border-top:1px solid #99BBE8;" >
      		所权所有&copy; 北京科技大学后勤集团
    	</div>
	</div>
</body>

</html>
<!--////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
<script>
	
	Ext.onReady(function() {	
		
		Ext.QuickTips.init();

		//菜单
		var menuPanel = new Ext.Panel({
			layout: 'accordion',
			region : 'west',
			width:130,
			split:'true'		
		});
		var itemTemplate = new Ext.Template(
		          '<ul class="ie-hover" onclick="window.frames[0].location =\'{url}\';">'+
		            '<li><img src="images/{img}" onerror="this.src=\'images/ico_demo_48.gif\'"/></li>'+
		            '<li>{text}</li>'+
		          '</ul>' 
			);
		var htmlStart='<div class="wxcss-menu" style="text-align:center;height:100p%">';
		var htmlEnd='</div>';
		var content1 = itemTemplate.apply({
			text:'房态查询',
			img:'ico_demo_48.gif',
			url:'pages/aptmgr/listapt.jsp'
		});
		var content2 = itemTemplate.apply({
			text:'楼宇管理 ',
			img:'ico_demo_48.gif',
			url:'pages/aptmgr/manageapt.jsp'
		});
		menuPanel.add(new Ext.Panel({
			title: '房态管理',
		    cls:'szxm', 
		    autoScroll :true,
			html:htmlStart+ content1 + htmlEnd + htmlStart+ content2 + htmlEnd
		}));
		var content3 = itemTemplate.apply({
			text:'人员查询 ',
			img:'ico_demo_48.gif',
			url:'pages/usermgr/liststudent.jsp'
		});
		var content4 = itemTemplate.apply({
			text:'学生管理 ',
			img:'ico_demo_48.gif',
			url:'welcome.jsp'
		});
		menuPanel.add(new Ext.Panel({
			title: ' 人员管理 ',
		    cls:'szxm', 
		    autoScroll :true,
			html:htmlStart+ content3 + htmlEnd + htmlStart+ content4 + htmlEnd
		}));
		
		//布局
		var viewport = new Ext.Viewport({
			layout : 'border',
			items : [
				new Ext.BoxComponent({
					region : 'north',
					el : 'north',
					style:'background:#ffffff;border:0px solid #D0D0D0;',
					height : 34
				}),
				new Ext.Panel({
					region:'center',
					layout:'border',
					border:false,
					items:[
						menuPanel,
						new Ext.Panel({
							frame : false,
							autoScroll : true,
							region : 'center',
							html : "<iframe id='iframe_center' name='iframe_center' src='welcome.html' "
									+ "width='100%' height='100%' frameborder=0 border=0/>"
						})
					]
				}),
				new Ext.BoxComponent({
					region : 'south',
					el : 'south',
					height : 30
				})
			]
		});
		//创建top menu
		
		var topMenu = new Ext.Toolbar({
			renderTo : 'topmenubar',
			style:'background: url(images/home_menu_bg.gif) repeat-x;',
			items:['用户:<c:out value="${environment.yongHu.yongHuMC}"/>','','日期:',
				new Date().toString("yy-mm-dd",true),'->',
				{
					text:'修改密码',
					iconCls:'operation-user'
				},'-',{
					text:'退出',
					iconCls:'operation-exit'
				}
			]
		});
		Ext.get('loading').remove();
		Ext.get('loading-mask').fadeOut({
			remove : true
		});
	});
</script>



